<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/plugins/layui/css/layui.css">
    <script type="text/javascript" src="__STATIC__/plugins/layui/layui.js"></script>

    <style type="text/css">
        .header span{background: #009688;margin-left: 30px;padding: 10px;color: #ffffff;}
        .header div{border-bottom: solid 2px #009688;margin-top: 8px;}
        .header button{float: right;margin-top: -5px;}
    </style>
</head>
<body style="padding: 10px;">
<div class="header">
    <span>影片列表</span>
    <button class="layui-btn layui-btn-sm" onclick="add()">添加</button>
    <div></div>
</div>

<div class="layui-form-item" style="margin-top: 10px;">
    <div class="layui-input-inline">
        <input type="text" class="layui-input" value="{$data.wd}" name="wd" id="wd" placeholder="请输入影片标题">
    </div>
    <button class="layui-btn layui-btn-primary" onclick="searchs()"><i class="layui-icon">&#xe615</i>搜索</button>
</div>
<!--<form class="layui-form">-->
<table class="layui-table">
    <thead>
    <tr>
        <th>ID</th>
        <th>频道</th>
        <th>资费</th>
        <th>地区</th>
        <th>名称</th>
        <th>PV</th>
        <th>评分</th>
        <th>状态</th>
        <th>添加时间</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {volist name="data.data.lists" id='vo'}
    <tr>
        <td>{$vo.id}</td>
        <td>{:isset($data['labels'][$vo['channel_id']])?$data['labels'][$vo['channel_id']]['title']:''}</td>
        <td>{:isset($data['labels'][$vo['charge_id']])?$data['labels'][$vo['charge_id']]['title']:''}</td>
        <td>{:isset($data['labels'][$vo['area_id']])?$data['labels'][$vo['area_id']]['title']:''}</td>
        <td>{$vo.title}</td>
        <td>{$vo.pv}</td>
        <td>{$vo.score}</td>
        <td>{$vo.status==0?'<span style="color: red">下线</span>':'<span style="color: green">正常</span> '}</td>
        <td>{:date('Y-m-d H:i:s',$vo.add_time)}</td>
        <td>
            <button class="layui-btn layui-btn-xs" onclick="add({$vo.id});return false">编辑</button>
            <button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del({$vo.id})">删除</button>
        </td>
    </tr>
    {/volist}
    </tbody>
    <!--<tr>-->
        <!--<td>{$data.data.pages}</td>-->
    <!--</tr>-->
</table>
<div id="pages">

</div>
<!--</form>-->
<script type="text/javascript">
    layui.use(['layer','laypage'],function(){
        $ = layui.jquery;
        layer = layui.layer;
        laypage = layui.laypage;
        // form = layui.form;

        //执行一个laypage实例
        laypage.render({
            elem: 'pages', //注意，这里的 test1 是 ID，不用加 # 号
            count: {$data.data.totle}, //数据总数，从服务端得到
            limit: {$data.pageSize},
            curr: {$data.page},
            jump: function(obj, first) {
                //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数
                //首次不执行
                if(!first){
                    searchs(obj.curr);
                    // window.location.href="?page="+obj.curr;
                }
            },
        });
    });

    // 添加或编辑（添加则不传入id  编辑则传入id）
    function add(id) {
        layer.open({
            type: 2,
            title: id>0?'编辑影片':'添加影片',
            shade: 0.3,
            area: ['800px', '500px'],
            content: "{:url('admins/Video/add')}?id="+id
        });
    }

    // 删除
    function del(id) {
        //询问框
        layer.confirm('确定要删除么？', {
            icon:3,
            btn: ['确定','取消'] //按钮
        }, function(){
            $.post("{:url('admins/Video/delete')}",{'id':id},function (res) {
                // var res = JSON.parse(res);  //字符串转json对象
                if(res.code){
                    layer.alert(res.msg,{ico:2});                           // 显示后台返回的数据
                }else{
                    layer.msg(res.msg,{icon:1});                            // 显示后台返回的数据
                    setTimeout(function(){window.location.reload();},500);  // 返回本页面
                }
            },'json');
        });
    }
    
    // 搜索
    function searchs(currpage) {
        var wd = $.trim($('#wd').val());
        var url = "{:url('admins/Video/index')}?page="+currpage;

        // true:为搜索  false：不为搜索
        if(wd){
            url += '&wd='+wd;
        }
        window.location.href = url;
    }
</script>
</body>
</html>
